<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>

    <!-- v-text 和 v-html: 基本上很像 innerText 和InnerHTML -->

    <div id="root">

        <div>
            {{msg}}
        </div>
        <hr>
        <div v-text="msg"></div>
        <div v-html="msg"></div>
        <hr>
        <div v-text="msg2"></div>
        <div v-html="msg2"></div>


    </div>
    <script>
        new Vue({
            el: "#root",
            data: {
                msg: "123",
                msg2: "<b>123</b>"
            }
        })
    </script>
</body>
</html>
